<template>
  <!-- <div> -->
    <router-view></router-view>
    <!-- 底部导航 -->
    <navBottom/>
  <!-- </div> -->
</template>

<script>
import navBottom from '@/components/navbottom'
import { computed } from 'vue'
import { useStore } from 'vuex'
export default {
  name: 'App',
  components: {
    navBottom
  },
  setup() {
    const store = useStore()
    function add(){
      store.dispatch('add')
      store.dispatch('index')
    }
    return{
      count: computed(() => store.state.count),
      info: computed(() => store.state.index.info),
      add,
    }
  }
}
</script>

<style>
#app {
  color: #2c3e50;
  padding-bottom: var(--van-tabbar-height);
  box-sizing: border-box;
  height: 100%;
}
body{
  background-color: #eee;
}
</style>
